<ion-header>
  <ion-toolbar color="customblue">
    <ion-buttons slot="start">
      <ion-back-button class="back-icon" text="" defaultHref="/"></ion-back-button>
    </ion-buttons>
    <ion-title>确认订单信息</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>
  <img src="../../../assets/image/qr_xx.png">
  <div>
    <p  class="conInfo1">申请信息</p>
    <ion-grid>
      <ion-row *ngFor="let item of transactorInfo">
        <ion-col size="4" class="conInfo-sqr">
          <div class="conInfo-sqr1">申请人</div>
        </ion-col>
        <ion-col size="8">
          <div class="conInfo2">
            <div class="conInfo3">
              <p>{{item.userName}}</p>
              <p>{{item.mobile}}</p>
            </div>
            <p class="conInfo2p">{{item.idCard}} | {{item.gender}} | {{item.birthday}}</p>
          </div>
        </ion-col>
      </ion-row>
    </ion-grid>
    <!-- <div class="conInfo-sq" *ngFor="let item of transactorInfo">
      <div class="conInfo-sqr">申请人</div>
      <div class="conInfo2">
        <div class="conInfo3">
          <p>{{item.name}}</p>
          <p>{{item.mobile}}</p>
        </div>
        <p class="conInfo2p">{{item.idCard}} | {{item.gender}} | {{item.birthday}}</p>
      </div>
    </div> -->
    <div class="info-bgc"></div>
  </div>
  <div>
    <p  class="conInfo1">公证费用</p>
    <div>
      <div class="conInfo-fy" *ngFor="let item of matterName">
        <p>{{item.name}}X1</p>
        <p>{{item.price}}元</p>
      </div>
      
    </div>
    <div class="info-bgc"></div>
  </div>
  <div>
    <p  class="conInfo1">联系信息</p>
      <ion-grid>
        <ion-row>
          <ion-col size="4">
            <ion-input type="number" inputmode="tel" placeholder="请输入份数" [(ngModel)]="takeNum"></ion-input>
          </ion-col>
          <ion-col size="8">
            <p class="conInfo-fy2">公证书您需要一式几份？（默认1份）</p>
          </ion-col>
          <ion-col size="4">
            <ion-input inputmode="tel" placeholder="请输入手机号" [(ngModel)]="takeMobile"></ion-input>
          </ion-col>
          <ion-col size="8">
            <p class="conInfo-fy2">公证员将与你确认公证细节，请保持手机畅通</p>
          </ion-col>
          <ion-col size="4">
            <p>公证书自取</p>
          </ion-col>
          <ion-col size="8">
            <p class="conInfo-fy2">领取时请携带公证时提供的原件去公证现场</p>
          </ion-col>
        </ion-row>
      </ion-grid>
  </div>
  <ion-button expand="block" class="natoy-btn" (click)="goUpdata()">下一步</ion-button>
</ion-content>

<!-- <ion-footer>
  <ion-toolbar>
    <ion-button expand="block" class="natoy-btn" (click)="goUpdata()">下一步</ion-button>
  </ion-toolbar>
</ion-footer> -->
